<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        h5 web存储：localStorage sessionStorage  存储大小都在5M左右
        老牌存储方法：cookie
     -->
     <!-- <button onclick="setData()">点击</button> -->
     <!-- <a href="./12-1.html" target="blank">进入12.1页面</a> -->
     <script>
        //  localStorage 本地存储方法 长期存储 没有过期时间 除非用户手动删除  数据可以在不同页面间共享
        // 第一个参数数存储的数据的名字 第二个是要存储的数据
        // localStorage.setItem('name', false)

        // localStorage.setItem('age', '14')

        // localStorage.setItem('tel', 110)
        // getItem 获取存储数据的方法 他的参数是要获取的存储数据的key 返回值是一个字符串或者json
        // localStorage.getItem('name')
        // console.log(JSON.parse(localStorage.getItem('name')))
        // localStorage.removeItem('age')
        // localStorage.clear()
        // if(localStorage.getItem('name')) {
        //     console.log(1)
        // } else {
        //     console.log(2)
        // }

        // console.log(localStorage.getItem('name'), false)
        // sessionStorage存储的数据页面间不能共享 对话框关闭后数据清空
        // function setData() {
        //     sessionStorage.setItem('name', false)

        //     sessionStorage.setItem('age', '14')

        //     sessionStorage.setItem('tel', 110)
        //     window.location.href = './12-1.html'
        // }
        // domain是可以获取cookie的域名
        // expires设置cookie的过期日期
        // path 能够获取cookie的页面路径 cookie可以在客户端和服务端之间穿梭 cookie的存储空间极小只有4k左右
        // var date = new Date('2021-01-17 14:20:00')
        // document.cookie = "name=张三; expires=" + date
        // document.cookie = "name=张三"
        // document.cookie = "age=15"

        function setCookie(cname,cvalue,exdays){
            var d = new Date();
            d.setTime(d.getTime()+(exdays*24*60*60*1000));
            var expires = "expires="+d.toGMTString();
            document.cookie = cname+"="+cvalue+"; "+expires;
        }
        function getCookie(cname){
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i].trim();
                if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
            }
            return "";
        }
            // console.log(document.cookie)
        setCookie('name', "张三", 7)
        console.log(getCookie('name'))
     </script>
</body>
</html>